@import url("bootstrap.css");
@import url("iconfont.css");
@import url("font-awesome.min.css");
@import url("toastr.min.css");
@import url("layer.css");
@import url("daterangepicker.css");
@import url("jquery.validator.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  padding: 0;
  margin: 0;
}
html,body{
  font-size: 14px;
}
body{
  font-family:"微软雅黑";
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
  overflow-x: hidden;
  background: #fff;
  color: #000;
}
ul,li,ol{
  list-style: none;
}
img{
  border: none;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
.clear{
  clear: both;
}
.fl{
  float: left;

}
.fr{
  float: right;
}
.w100{ display: block; width: 100%;}

.more{ display: table; width: 66px; height: 66px; background: #fff; text-align: center; color: #9fa0a0; font-size: 12px; line-height: 16px;}
.more span{ display: table-cell; vertical-align: middle;}
.more:hover{ background: #c90915; color: #fff;}
  .ryzz1{ display:none}
.sjban{ display:none}
 .banner{ width:100%;margin:0 auto ; overflow:hidden; text-align:center;}
#main_promo{ width:1920px; *width:1920px;margin-left:-960px;*margin-left:-980px; position:relative;  top:-5px;  left:50%; overflow:hidden; z-index:0; }
.promoWD{width:1000px; margin:0 auto; position:relative; }
.slide{display:block; float:left;  width:1920px;}
#dots{height:13px; position:absolute; bottom:30px;left:42%; z-index:99;}
#dots li{ width:25px; height:13px; float:left;}
#dots li a{ width:13px; display:inherit;  height:13px;  background:url(../images/b_5.png) no-repeat;}
#dots li a:hover{ width:13px; display:inherit; height:13px; background:url(../images/b_4.png) no-repeat;}
#dots li.act a{background:url(../images/b_4.png) no-repeat center top; width:13px; height:13px; display:inherit;}
/*ban over*/

@media (min-width: 768px){
  .more{ width: 75px; height: 75px;}
}
@media (min-width: 1200px){
  .more{ width: 120px; height: 120px; font-size: 14px;}
}

/*common*/
.ewmMask{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 5000; display: none;}
.ewmMaskBox{ width: 500px; height: 423px; margin: 10% auto 0 auto;}
.close{ width: 52px; height: 46px;    float: inherit; margin: 0 auto; background: url(../images/close.png) no-repeat; cursor: pointer;}

/*nav*/
.menuContainer{ width:120px; height: 100%; margin-top:63px;}
.menuContainerList{ width: 100%; box-sizing: border-box; padding: 20% 0 0 10%;}
.menuContainerList li{ height: 53px; line-height: 53px;}
.menuContainerList li a{ font-size: 16px; color: #222; position: relative; height: 53px; display: block;    text-align: center;}
.menuContainerList li:hover{ background:#146fcc;}
.menuContainerList li:hover a{ color: #fff;}


@media (min-width: 1200px){
  .menuContainerList{ padding: 50% 0 0 0;}
}
@media (min-width: 1300px){
  .menuContainer{ left: 120px;}
  .menuContainerList{ padding: 50% 0 0 0;}
}
@media (min-width: 1600px){
  .menuContainerList{ }
  .menuContainerList li{ height:61px; line-height:61px;}
}

/*leftNav*/
.leftNave{width: 120px; position: fixed; left: 0; top: 0; bottom: 0; height: 100%; z-index: 100; background: #ebebeb;}
.fixedIndex{ width:120px; position: absolute; left: 0; bottom: 0;}
.fixedIndex li{ width: 120px; height: 60px; margin-bottom: 1px;}
.fixedIndex li a{ display: block; width: 100%; height: 100%; padding-top: 17px; background: #d0d0d1;}
.fixedIndex li a i{ display: block; width: 22px; height: 25px; margin: 0 auto; background: url(../images/icon4.png) no-repeat;}
.fixedIndex li.fi1 a i{ background-position: 0 0;}
.fixedIndex li.fi2 a i{ background-position: 0 -25px;}
.fixedIndex li.fi3 a i{ background-position: 0 -50px;}
.fixedIndex li.fi4 a i{ background-position: 0 -75px;}

.fixedIndex li a:hover{ background: #146fcc;}
.fixedIndex li.fi1 a:hover i{ background-position: -22px 0;}
.fixedIndex li.fi2 a:hover i{ background-position: -22px -25px;}
.fixedIndex li.fi3 a:hover i{ background-position: -22px -50px;}
.fixedIndex li.fi4 a:hover i{ background-position: -22px -75px;}

.fixedIndex li.fi1{ display: none;}

@media (min-width: 1300px){
  .leftNave{ display: block;}
}

.menu{ width: 44px; height: 44px; position: absolute; left: 0; top: 0; z-index: 20000; background-color: transparent; cursor: pointer; padding-top: 10px; box-sizing: border-box;}
.menu span{
  display: block; width: 17px; margin: 0 auto 3px auto; height: 3px; background: #146fcc;
  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.menu span:nth-child(3){ margin-bottom: 0;}
.menu p{ color: #898989; text-align: center;}

.menuClose span{ margin: 0 0 3px 10px;}
.menuClose span:nth-child(1){ transform: rotate(45deg) translate(9px,0);}
.menuClose span:nth-child(2){ opacity: 0;}
.menuClose span:nth-child(3){ transform: rotate(-45deg) translate(9px,0);}


@media (min-width: 1200px){
 .menu{ width: 120px; height: 80px; padding-top: 0; position: fixed;margin-top:0;}
 .menuClose span{ margin: 0 0 3.5px 40px;}
}

@media (min-width: 768px){
 .menu{ width: 66px; height: 66px; padding-top: 0;position: fixed;}
.menu .huline{display:none;}
.menu span{ width: 34px; margin: 0 auto 9px auto;}
.menu p{ font-size: 13px;}
.menuClose span{ margin-top:15px;position: fixed;}
.menuClose span:nth-child(1){ transform: rotate(45deg) translate(0,-5px);}
.menuClose span:nth-child(3){ transform: rotate(-45deg) translate(6px,0);}
.menuClose p{ padding-top: 7px;}
}


.fastNav{ width: 100%; position: absolute; left: 0; top: 28%;}
.fastNav a{ display: block; text-align: center; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #898989;}
.fastNav i{ display: block; width: 15px; height: 15px; background: url(../images/icon7.png) no-repeat; margin: 0 auto;}
.fastNav a:hover{ color: #c90915;}

.index-logo{display: inline-block;position: fixed;z-index:999; }
.index-logo img{width: 120px;}
.index-banner,.index-banner img{width: 100%;}
.banner-con{width: 100%;overflow: hidden;}
.banner-con img{ width: 100%;}
.index-about{background: url(../images/index-usbg.jpg)no-repeat;width:100%;background-size: 100% 100%; height: 495px;padding: 60px 0;}
.index-about .col-lg-3{padding-top: 50px;padding-bottom: 80px}
.index-about h1{font-size: 40px;color: #000;text-align: center;height: 150px;line-height: 150px;}
.index-about h1:hover{background: url(../images/circle.png)no-repeat;width: 149px;height: 149px;position: relative; left:17.5%;bottom: 0px;margin-bottom:1px;}
.index-about h1 span{font-size: 28px;margin-left: 3px;}
.index-about p{font-size: 18px;text-align: center;color: #2a2a2a;}
h2{font-size: 28px;color:#2a2a2a;  text-align: center;position: relative;}
h2:after{content: "";position: absolute;width: 40px;height: 3px;background-color: #146fcc;top: 42px;left: 48.5%;}
.index-but{width: 20%;margin: 0 auto;font-weight: bold;}
.index-more{width:230px;height: 54px;line-height: 52px;text-align: center;font-size:16px;color: #146fcc;border: 1px solid #146fcc;border-radius: 50px;float: left; }
.index-more:hover{background:#146fcc;color: #fff;border: 1px solid #146fcc; }
.index-product{background:#26393a;width:100%; padding: 60px 0; }
.index-product h2{font-size: 28px;color:#fff;text-align: center;position: relative;}
.index-product h2:after{content: "";position: absolute;width: 40px;height: 3px;background-color: #146fcc;top: 42px;left: 48.5%;}
.index-product .col-lg-6 img,.index-product .col-lg-3 img{width: 100%;}
.index-product .col-lg-6 ,.index-product .col-lg-3{padding-left: 6px;padding-right: 6px;}
.index-product .col-lg-6 img{height: 368px;}
.index-product .bigimg{height:328px;overflow: hidden;}
.index-product .simg{height: 178px;;overflow: hidden;}
.index-product .bigimg h3{width: 100%;font-size: 22px;height: 60px;line-height: 60px; text-align: center;color: #fff;background-color: rgba(210,175,129,.8);position: relative;}
.index-product .bigimg:hover h3{bottom:100px;}
.index-product .simg h3{width: 100%;font-size: 22px;height: 60px;line-height: 60px; text-align: center;color: #fff;background-color: rgba(210,175,129,.8);position: relative;display: none;}
.index-product .simg:hover h3{bottom:60px;display: block;}



/*产品分类*/
.tabs {position: relative;overflow: hidden;margin: 0 auto;width: 100%;font-weight: 300;font-size:16px;margin-top: 60px;}
.tabs nav {text-align: center;}
.tabs nav ul {position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;margin: 0 auto;padding: 0;
  max-width: 1200px;list-style: none;-ms-box-orient: horizontal;-ms-box-pack: center;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;
  flex-flow: row wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
.tabs nav ul li {position: relative;z-index: 1;display: block;margin: 0 6px;text-align: center;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.tabs nav a {position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.5;}
.tabs nav a span {vertical-align: middle;font-size: 16px;font-weight: bold;width: 100%;}
.tabs nav a:hover{background: #146fcc;width: 70%;margin: 0 auto;} 
.tabs nav li.tab-current a {color: #74777b;}
.tabs nav a:focus {outline: none;}
.tabs-style-circlefill {width: 100%;}
.tabs-style-circlefill nav{width: 70%;margin: 0 auto;}
.tabs-style-circlefill nav ul li {overflow: hidden;height:36px;}
.tabs-style-circlefill nav ul li a{height:36px;line-height: 28px;padding-bottom: 4px;width:100%;}
.tabs-style-circlefill nav li a {padding: 0;color: #fff;font-size:18px;}
.tabs-style-circlefill nav li:first-child {border-left: none;}
.tabs-style-circlefill nav li:last-child {border: none;}
.tabs-style-circlefill nav li::before {position: absolute;top: 50%;left: 50%;margin: -36px 0 0 -22px;width: 40px;height: 36px;content: '';
  -webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.tabs-style-circlefill nav li.tab-current::before {-webkit-transform: scale3d(2.5,2.5,1);transform: scale3d(2.5,2.5,1);background: #146fcc;width: 90%;height: 36px;}
.tabs-style-circlefill nav a {-webkit-transition: color 0.3s; transition: color 0.3s;}
.tabs-style-circlefill nav li.tab-current a {color: #fff;font-weight: 600;height: 36px;text-decoration: none!important;line-height: 36px;}
.tabs-style-circlefill nav li.tab-current a:active{text-decoration: none!important;}
.tabs-style-circlefill nav li a:hover{text-decoration: none;width:100%;height: 36px;}
.tabs-style-circlefill .icon::before {display: block;margin: 0;pointer-events: none;}
.tabs-style-circlefill .content-wrap {margin-top: 40px;float: left;}

/* Content */
.content-wrap {position: relative;width: 100%;}
.content-wrap section {display: none;margin: 0 auto;max-width: 1200px;text-align: center;}
.content-wrap section.content-current {display: block;}
.content-wrap section p {margin: 0;padding: 0.75em 0;color: rgba(40,44,42,0.05);font-weight: 900;font-size: 4em;line-height: 1;}
@media screen and (max-width: 58em) {
  .tabs nav a.icon span {display: block;}
  .tabs nav a:before {margin-right: 0;}
}


.index-case{padding: 60px 0;width: 100%;background: #fff;display: inline-block;padding-left: 90px;position: relative;}

/*相册轮播*/
.pc-banner {width: 100%;float: left;margin-top: 30px;}
.swiper-list{width:395px;background: #26393a;padding:35px 22px;color: #fff;position: absolute;bottom: 100px;left: 40%;z-index: 9;}
.swiper-list h3{font-size: 26px;margin-bottom: 20px;}
.swiper-list p{font-size: 18px;}
.swiper-list a{color: #fff;}
.swiper-list-go{background:#146fcc;width:395px;height: 40px;text-align: center;position: absolute;bottom:60px;left: 40%;z-index: 9;}
.swiper-list-go img{margin-top: 11px;}
.swiper-container {width: 100%;margin: 35px 0;}
.swiper-slide-active a:after {background: none;}
.swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;
  -webkit-transform: scale(0.9);transform: scale(0.9);}

.none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.swiper-slide a {display: block;}
.swiper-slide img {width: 100%;display: block;}
.swiper-pagination {position: relative;margin-bottom: 30px;}
.swiper-pagination-bullet {background: #00a0e9;margin-left: 4px;margin-right: 4px;width: 17px;height: 17px;opacity: 1;margin-bottom: 4px;}
.swiper-pagination-bullet-active {width: 13px;height: 13px;background: #FFF;border: 6px solid #00a0e9;margin-bottom: 0;}
.button {width: 1000px;margin: 0 auto;bottom: 43px;position: relative;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;
  flex-direction: column}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
  display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}

@media screen and (max-width: 668px) {
  .pc-banner {background-size: auto 100%;}
  .swiper-container {margin: 20px 0 15px;}
  .swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97);}
  .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(0.97);transform: scale(0.97);}
  .swiper-slide a {padding: 5px;}
  .swiper-pagination {position: relative;margin-bottom: 20px;}
  .swiper-pagination-bullet {background: #00a0e9;margin-left: 2px;margin-right: 2px;width: 8px;height: 8px;margin-bottom: 2px;}
  .swiper-pagination-bullet-active {width: 6px;height: 6px;background: #FFF;border: 3px solid #00a0e9;margin-bottom: 0;}
  .button {width: 70%;bottom: 22px;}
  .button div {width: 28px;height: 28px;}
}

@media screen and (min-width: 668px) {
  .swiper-slide a:after {position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100%;}
}

.swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform, height}
.swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;touch-action: pan-y}
.swiper-wp8-vertical {-ms-touch-action: pan-x;touch-action: pan-x}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;margin-top:-200px;z-index: 10;cursor: pointer;background-position: center;
  background-repeat: no-repeat}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("../images/left.png");width: 17px;height: 33px;left: 110px;right: auto}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/right.png");width: 17px;height: 33px;right: 110px;left: auto}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {opacity: 0}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;
  appearance: none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper-pagination-white .swiper-pagination-bullet {background: #fff}
.swiper-pagination-bullet-active {opacity: 1;background: #007aff}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000}
.swiper-container-vertical>.swiper-pagination-bullets {right: 10px;top: 50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);-ms-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 5px 0;display: block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px}
.swiper-pagination-progress {background: rgba(0,0,0,.25);position: absolute}
.swiper-pagination-progress .swiper-pagination-progressbar {background: #007aff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform: scale(0);
  -ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: left top;-moz-transform-origin: left top;-ms-transform-origin: left top;-o-transform-origin: left top;transform-origin: left top}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {-webkit-transform-origin: right top;-moz-transform-origin: right top;
  -ms-transform-origin: right top;-o-transform-origin: right top;transform-origin: right top}
.swiper-container-horizontal>.swiper-pagination-progress {width: 100%;height: 4px;left: 0;top: 0}
.swiper-container-vertical>.swiper-pagination-progress {width: 4px;height: 100%;left: 0;top: 0}
.swiper-pagination-progress.swiper-pagination-white {background: rgba(255,255,255,.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {background: #fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {background: #000}
.swiper-container-3d {-webkit-perspective: 1200px;-moz-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {-ms-perspective: 1200px}
.swiper-container-cube, .swiper-container-flip {overflow: visible}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: aut}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;backface-visibility: hidden}
.swiper-container-cube .swiper-slide {visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;
  transform-origin: 0 0;width: 100%;height: 100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;
  transform-origin: 100% 0}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {pointer-events: auto;visibility: visible}
.swiper-container-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: .6;-webkit-filter: blur(50px);
  filter: blur(50px);z-index: 0}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out}
.swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-moz-transition-property: opacity;
  -o-transition-property: opacity;transition-property: opacity}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.swiper-zoom-container {width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
  -moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;text-align: center}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {max-width: 100%;max-height: 100%;object-fit: contain}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%}
.swiper-container-vertical>.swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}
.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0,0,0,.5);border-radius: 10px;left: 0;top: 0}
.swiper-scrollbar-cursor-drag {cursor: move}
.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;
  -webkit-transform-origin: 50%;-moz-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite}
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg)}}
@keyframes swiper-preloader-spin {100% {transform:rotate(360deg)}}


.index-news{background: url(../images/index-newsbg.jpg)no-repeat;width: 100%;background-size: 100% 100%;padding-top: 80px;text-align: center;}
.index-news .newstit{width: 120px;height: 120px;background: #146fcc;padding: 20px 10px;color: #fff;float: left;}
.index-news h4{font-size: 22px;margin-top: 6px;}
.index-news .newscon{width: 88%;float: left;}
.index-news .col-lg-6,.index-news .col-md-6{padding-left: 0;padding-right: 0;}
.neslist-green{background: #26393a;color: #fff;padding:25px 20px;font-size: 16px;height: 219px;overflow: hidden;text-align: left;}
.neslist-green h3{color: #fff;}
.neslist-green span,.neslist-gray span{font-size: 12px;}
.neslist-green p,.neslist-gray p{margin-top: 20px;line-height: 1.8;height: 52px;overflow: hidden;}
.neslist-green p img,.neslist-gray p img{width: 13%;}
.neslist-gray{background: #e9e9e9;color: #737373;padding:25px 20px;font-size: 16px;height: 219px;overflow: hidden;text-align: left;}
.neslist-gray h3{color: #525252;}
.neslist-sgray{background: #eee;color: #737373;padding:45px 25px;font-size: 16px;height: 146px;overflow: hidden;text-align: left;}
.neslist-swht{background: #fff;color: #737373;padding:45px 25px;font-size: 16px;height: 146px;overflow: hidden;text-align: left;}
.neslist-sgray span,.neslist-swht span{font-size: 12px;text-align:center;display: block;margin-top: 40px;}
.neslist-sgray .date,.neslist-swht .date{background: url(../images/date.png) no-repeat top center;width: 100px;float: left;text-align:center;}
.neslist-sgray p,.neslist-swht p{height: 52px;overflow: hidden;}
.neslist-sgray:hover,.neslist-swht:hover{background:#146fcc;color: #fff;}
.neslist-sgray:hover .date,.neslist-swht:hover .date{background: url(../images/date-w.png) no-repeat top center;}

.index-join{background: url(../images/index-joninbg.jpg)no-repeat;padding-top: 210px;width: 100%;background-size: 100% 100%;height: 456px;}
.index-joincon{width: 70%;float: left;font-size: 16px;color: #fff;line-height: 1.8; margin-left:80px}
.index-joincon h1,.index-joincon h4{color: #fff;text-align: left;margin-bottom: 10px;}
.index-joincon a p{color: #fff;margin: 20px 0;}
.index-map,.index-map img{width: 100%;}

.footer{background: #146fcc;padding-top:40px;font-size: 16px;color: #b9b9b9;}
.footer .address{font-size: 16px;color: #FFF;}
.footer .address p span{color:#FFF;font-size: 18px;}
.footer .address p{line-height: 2;}
.footer h4{font-size: 16px;margin-bottom: 20px;}
.footer .code{text-align: center;}
.footer .code img{width: 76%;}
.footer .link ul li{margin: 0 20px;float: left;font-size: 16px;}
.footer .link ul li a{color:#FFF;line-height:2;}
.footer .container{padding-bottom: 20px;}
.footer .copyright{text-align: center;color: #b9b9b9;font-size: 14px;border-top: 1px solid #0d528f; line-height: 22px;float: left;width: 100%;background: #26393a;margin-top:0;padding: 10px 0;}
.footer .copyright a{color: #b9b9b9;}

/*关于我们*/
.subnav{background: #f8f8f8;color: #666;font-size: 14px;text-align: left;height: 56px;line-height: 56px;}
.subnav a{color:#666; margin: 0 ;}
.subnav a:after{content:'>';margin-left: 8px;}
.subnav a:last-child:after{content: none}
.about-bgA{background: url(../images/about-imgbg1.jpg)no-repeat;width: 100%;background-size: 112% 100%;height: 588px;padding-top: 20px;}
.about-bgA h1{font-size: 42px;line-height: 1.5;color: #fff;font-weight: bold; }
.about-bgA h4{color: #fff;text-align: left;font-size: 14px; line-height: 1.5;margin-top: 90px;font-weight: bold;}
.about-bgA .container{}
.about-bgA p{color: #363636;font-size: 14px;line-height: 1.8;width: 87%;float: right;overflow: hidden;margin-top:30px;;}
.about-brand{background: #fafafa;padding: 60px 0;}

.sub-title{text-align: center;font-size: 28px;color: #2a2a2a;position: relative;font-weight: 500;margin-bottom: 40px;}
.sub-title span{color: #146fcc;}
.sub-title :after{content: "";position: absolute;width: 40px;height: 1px;background-color: #959595;top: 46px;left: 48%;}
.sub-title .en{font-size: 14px;color: #a1a1a1;text-align: center;margin-top: 12px;}
.sub-btitle{text-align: center;font-size: 28px;color: #2a2a2a;position: relative;font-weight: 500;margin-bottom: 40px;}
.sub-btitle span{color: #fff;}
.sub-btitle :after{content: "";position: absolute;width: 40px;height: 1px;background-color: #fff;top: 46px;left: 48%;}
.sub-btitle .en{font-size: 14px;color: #fff;text-align: center;margin-top: 12px;}
.sub-wtitle{text-align: center;font-size: 28px;color: #fff;position: relative;font-weight: 500;margin-bottom: 40px;}
.sub-wtitle span{color: #146fcc;}
.sub-wtitle :after{content: "";position: absolute;width: 40px;height: 1px;background-color: #959595;top: 46px;left: 48%;}
.sub-wtitle .en{font-size: 14px;color: #fff;text-align: center;margin-top: 12px;}
.sub-wtitle i{color: #314243;font-style: normal;}
.brand-list,.brand-list img,.about-brand .col-lg-3 img{width: 100%;}
.about-brand .col-lg-3 img{margin-bottom: 12px;}
.brand-list h2{color: #2a2a2a;width: 40px;height:68px;border: 1px solid #3e4e4f;padding: 10px;text-align: left;float: left;}
.brand-list h2:after{display: none;}
.brand-con{width: 80%;float: right;color: #2a2a2a;text-align: left;font-size: 13px;margin-bottom: 12px;}
.brand-con h5{color: #146fcc;margin-bottom: 4px;font-size: 16px;}
.course{background: url(../images/about-imgbg2.jpg)no-repeat;width: 100%;background-size: 100% 100%;padding:50px 0 80px;position: relative;}
.brand-advant{width: 100%;margin-top:30px; }
.brand-advant img{width: 100%;}
.advant-con{background: #146fcc;color: #fff;padding:45px 29px;position: absolute;top: -130px;height: 470px;font-size: 16px;line-height: 1.8;}
.advant-con p{}
.advant-con .sub-wtitle :after{left: 43.5%;top: 50px;}
.advant-con .sub-wtitle .en{margin-top: 5px;}
.honor{padding: 60px 0;width: 100%;}
/*荣誉资质*/
#wrapper {width: 1100px;height:254px;margin: 40px 0 0 -534px;position: relative;left: 50%;top:0;}
#carousel {width: 1100px;position:relative;}
#carousel ul{list-style: none;display: block;margin: 0;padding: 0;}
#carousel li{display: block;width: 300px;height: 380;padding: 0;margin:0 30px;float: left;position: relative;}
#carousel li img{width: 300px;height: 380px;margin-top: 14px;}
.clearfix{float: none;clear: both;}
#carousel .prev{background: transparent url(../images/cle-left.png) no-repeat 0 0;width: 34px;height: 34px;margin-left: -20px;position: absolute;top: 200px;left: 0;}
#carousel .next{background: transparent url(../images/cle-right.png) no-repeat 0 0;width: 34px;height: 34px;margin-left: 10px;position: absolute;top: 200px;right: 0}
#carousel .prev:hover{left: -1px;}
#carousel .next:hover{right: -1px;}
#carousel .pager{text-align: center;margin: 20px auto;}
#carousel .pager a{background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;text-decoration: none;text-indent: -999px;display: inline-block;overflow: hidden;width: 8px;height: 8px;margin: 0 5px 0 0;}
#carousel .pager a.selected{background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;text-decoration: underline;}
#source{text-align: center;width: 100%;position: absolute;bottom: 10px;left: 0;}
#source, #source a{font-size: 12px;color: #999;}
#donate-spacer{height: 100%;}
#donate{border-top: 1px solid #999;width: 750px;padding: 50px 75px;margin: 0 auto;overflow: hidden;}
#donate p, #donate form{margin: 0;float: left;}
#donate p{width: 650px;}#donate form{width: 100px;}

/*发展历程*/
#history{width:1100px;height:385px!important;position:relative;margin:-8px auto 0 auto;overflow: hidden;}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
.timeblock span{display:block;height:24px;width:18px;background:url(../images/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{height:385px!important;width:1100px;overflow:hidden;background:url(../images/vertical.png) no-repeat 434px 2px;padding-top:30px;left:-6%;position: relative;}
.list{overflow:hidden;position:relative;}
.list li{height:110px;vertical-align:bottom;overflow:hidden;position:relative;}
.liwrap{height:55px;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;height:55px;width:380px;line-height:55px;text-align:right;}
.liright{position:absolute;top:0;right:0px;height:55px;width:620px;}
.histt{height:35px;line-height:35px;}
.hisct{font-size:14px;color:#fff;}
.md{font-size:18px;color:#AEAEAE;}
.year{font-size:12px;color:#AEAEAE;margin-right:10px;}
.point{width:55px;height:55px;position:absolute;top:0;left:409px;background:url(../images/point.png) no-repeat 0px 18px;overflow:hidden;}
.point b{
  height:16px;width:16px;background:#fff;display:block;margin:18px 0 0 18px;border-radius:18px;border:2px solid #ccc;
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.1s linear;
  -o-transition:all 0.1s linear;
  transition:all 0.1s linear;
  position:absolute;
  top:0;left:0;
}
.thiscur .point b{border:7px solid rgba(235,235,235,0.6);margin:18px 0px 0px 18px;border-radius:52px;}
.thiscur .histt a{color:#146fcc;}
.histt a{
  font-size:24px;color:#fff;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
#arrow{position:absolute;top: 21.6%;left: 41.9%;}
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}
#arrow ul li{
  display:block;height:40px;width:40px;background:url(../images/icons.png) no-repeat 0 0;cursor:pointer;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
/*#arrow ul li:active{background-color:#000;}
*/#arrow ul .arrow_active{
    -webkit-transition:all 0.1s ease-in;
    -moz-transition:all 0.1s ease-in;
    -o-transition:all 0.1s ease-in;
    transition:all 0.1s ease-in;
  }
#arrow ul .arrowup{background-position:0px -48px;margin-bottom:10px;}
#arrow ul .arrowdown{background-position:0px -4px;position: relative;bottom: -373px;}

/*木门系列*/
.timber{background:#fff; }
.timber .col-lg-4,.cus-style .col-lg-4{ }
.assort ul li {float: left;margin: 0 30px;font-weight: bold;height: 30px;margin-bottom: 40px;}
.assort ul li a{color: #4e4e4e;}
.assort ul li a:hover{color: #146fcc;}
.assort ul li .active{color: #146fcc;}
.assort-img {height: 200px;overflow: hidden;}
.cus-style .assort-img {height: 170px;overflow: hidden;}
.assort-img img{width: 100%;}
.assort-list2{width: 100%;padding: 12px 15px;height:50px;background: #f9f9f9;}
.assort-list2 .tit{font-size: 18px;color: #414141;text-align: center;font-weight: 500;}
.assort-list{width: 100%;padding: 20px 15px;height:69px;background: #f9f9f9;}
.assort-list .tit{font-size: 16px;color: #414141;float:left;line-height: 1.8;text-align: left;font-weight: 500;}
.assort-list .view {position: relative;float: right;}
.assort-list .view-img{background: url(../images/view-g.png)no-repeat;width: 18px;height: 14px;margin-top: 8px;}
/*.assort-list .view:after{content: "";position: absolute;right: 0;top:42px;height:1px;width: 70px;background:#bbb; }*/
.timber .col-lg-4:hover .assort-list,.cus-style .col-lg-4:hover .assort-list{background: #146fcc;}
.timber .col-lg-4:hover .assort-list .tit,.cus-style .col-lg-4:hover .assort-list .tit{color: #fff;}
.timber .col-lg-4:hover .view-img,.cus-style .col-lg-4:hover .view-img{background: url(../images/view-w.png)no-repeat;}
/*.timber .col-lg-4:hover .assort-list .view:after,.cus-style .col-lg-4:hover .assort-list .view:after{background: #fff;width: 170px;}*/

/*页码*/
.digg {padding: 5px;text-align: center;color: #252525;padding-top:10px;padding-bottom:60px; clear: both;}
.digg a {padding: 8px 12px;color: #252525;text-decoration: none;border: 1px solid #bfbfbf;}
.digg a:hover {color: #fff;background-color: #d2aa48;border: 1px solid #d2aa48;}
.digg a:active {color: #d2aa48;}
.digg span.current {padding: 8px 12px;font-weight: bold;margin: 5px;color: #fff;background-color: #d2aa48;margin-left: 9px;border: 1px solid #d2aa48;}
.digg span.disabled{padding: 8px 12px;color: #252525;border: 1px solid #bfbfbf;}

/*全屋定制*/
.custom{width: 100%;padding: 60px 0;}
.custom img{width: 100%;}
.custom-sort{background: url(../images/custom-bg.jpg)no-repeat center center;background-size:80% 58%;height: 330px;border: 5px solid #26393a;}
.custom h2{color: #303030;text-align: center;margin-top: 64%;}
.custom h2:after{display: none;}
.custom h3{color: #777777;text-align: center;margin-top: 5px;}
.custom .col-lg-9,.custom .col-lg-3{margin-bottom: 20px;}
.custom .list-custom{height: 330px;  overflow: hidden;}
.cus-style{padding: 40px 0;position: relative}
.cus-style h3{text-align: center;color: #4b4b4b;height: 130px;}
.cus-style h3:after{content: "";width: 1px;position: absolute;height:60px;background: #959595;left: 50%;top:80px;}
.cus-subnav{width:100%;margin: 0 auto;font-size: 16px;display: inline-block;padding-bottom: 30px;}
.cus-subnav ul{width:60%;margin: 0 auto;}
.cus-subnav ul li a{float: left;height: 40px;line-height: 40px;text-align: center;margin: 0 5px;background: #f5f5f5;color: #2a2a2a;width: 100px;
  margin-bottom: 10px;}
.cus-subnav .active a{background: #146fcc;color: #fff;height: 40px;line-height: 40px;}
.cus-subnav ul li:hover a{background: #146fcc;color: #fff;}

/*新闻资讯*/
.news{padding: 60px 0;width: 100%;}
.news-date{width: 82px;height: 100px;background:#26393a;text-align: center;padding: 25px 15px;color: #fff;position: absolute;z-index: 99;top: 36px;}
.news-list{background: #f8f8f8;color: #525252;padding: 30px 20px;box-shadow:0 7px 18px #ededed;display: inline-block;width: 100%;margin-bottom: 30px;}
.news-list h4{color: #525252;width: 80%;float:left;overflow: hidden;border-bottom: 1px solid #d8d8d8;padding-bottom: 15px;padding-top: 10px;margin-bottom: 10px;}
.news-list img{width: 100%;}
.news-list p {width: 100%;font-size: 14px;line-height:1.8;float: left;height: 75px;overflow: hidden;}
.news-list a{color: #525252;}
.news .col-lg-11{padding-left: 5px;}

/*加盟优势*/
.join-advant{padding: 60px 0;width: 100%;}
.join-advant .col-lg-4{padding-left: 10px;padding-right: 10px;}
.advant-list{width: 100%;background: #f5f5f5;height: 200px;text-align: center;margin-bottom: 20px;}
.advant-list:hover{background: #146fcc;}
.up-img h4{text-align: center;margin-top: 15px;}
.imghvr-fade figcaption{opacity:0}
.imghvr-fade h4{margin-top: 10px;}
.imghvr-fade:hover > img{opacity:0}
.imghvr-fade:hover > h4{opacity:0}
.imghvr-fade:hover figcaption{opacity:1}
[class^='imghvr-'],[class*=' imghvr-']{position:relative;display:inline-block;margin:0px;width:100%;margin-top:10%;color:#333;overflow:hidden;text-align:center;height: 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0);}
[class^='imghvr-'] > img,[class*=' imghvr-'] > img{vertical-align:top;max-width:100%}
[class^='imghvr-'] figcaption,[class*=' imghvr-'] figcaption{background-color:inherit;padding:20px;position:absolute;padding-top:0;  top:0;bottom:0;left:0;right:0;text-align: left;}
[class^='imghvr-'] h3,[class*=' imghvr-'] h3,[class^='imghvr-'] p,[class*=' imghvr-'] p{margin-bottom:10px;padding:0;color:#fff;}
[class^='imghvr-'] p,[class*=' imghvr-'] p{max-height: 108px;overflow: hidden;font-size: 14px;line-height: 1.5;}
[class^='imghvr-'] a,[class*=' imghvr-'] a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
[class^='imghvr-'],[class*=' imghvr-'],[class^='imghvr-']:before,[class^='imghvr-']:after,[class*=' imghvr-']:before,[class*=' imghvr-']:after,[class^='imghvr-'] *,[class*=' imghvr-'] *,[class^='imghvr-'] *:before,[class^='imghvr-'] *:after,[class*=' imghvr-'] *:before,[class*=' imghvr-'] *:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.35s ease;transition:all 0.35s ease}

[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {-webkit-transform: translateY(100%);transform: translateY(100%);}
.imghvr-push-up:hover > .up-img{-webkit-transform: translateY(-100%);transform: translateY(-100%);}


.jonin-sup{width: 100%;padding-left: 120px;display: inline-block;}
.jonin-sup .col-lg-6 img,.jonin-sup .col-lg-2 img{width: 100%;}
.jonin-sup .col-lg-6,.jonin-sup .col-lg-2 {padding-left: 0;padding-right: 0;}
.grid figure{position:relative;z-index:1;display:inline-block;overflow:hidden;margin:-0.135em;width:33.333%;height:400px;background:#3085a3;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;opacity:0.8}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h1{font-size: 65px;}
.grid figure h2{word-spacing:-0.15em;font-weight:300;font-size: 42px;}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}

figure.effect-sadie .sadie-img{width: 100%;filter: brightness(0.50);}
figure.effect-sadie figcaption{text-align: left;color: #fff;padding-left: 20%;}
figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(207,160,97,.85);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
figure.effect-sadie h1{position:absolute;top:12%;left:10%;width:100%;font-size:60px;color: #fff;-webkit-transition:-webkit-transform 0.35s,color 0.35s;transition:transform 0.35s,color 0.35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
figure.effect-sadie h2{position:absolute;top:50%;left:10%;font-size:36px;width:100%;color:#fff;-webkit-transition:-webkit-transform 0.35s,color 0.35s;transition:transform 0.35s,color 0.35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);text-align: left;}
figure.effect-sadie h2 span{top:52%;font-size:20px;display: block;margin-top: 10px;}
figure.effect-sadie h2:after{display: none;}
figure.effect-sadie figcaption::before,figure.effect-sadie p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}
figure.effect-sadie p{position:absolute;top:60%;left:10%;font-size:18px;font-spadding:2em;width:82%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
figure.effect-sadie:hover h2,figure.effect-sadie:hover h4{color:#fff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}
figure.effect-sadie:hover figcaption::before,figure.effect-sadie:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.jonin-pro{padding: 60px 0;width: 100%;}
.procesUl li{ width: 15%; float: left; display: block; position: relative; height: 100px; margin-bottom:70px;margin-right: 1.66%;position: relative;}
.procesUl .line{width: 68%;; position: absolute; left: 55px; height: 1px; display: block; background-color: #959595; top:20%; margin-top: -0;}
.procesUl .con{float: left;display: inline-block;line-height: 1.5;margin-top: 90px;width: 91%;}
.procesUl .num{ position: absolute; left: 0;font-size: 20px; width: 56px; height: 56px; top: -8px; border:2px solid #146fcc; font-weight: 400; text-align: center; color: #494949; line-height: 50px; border-radius: 50%; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.procesUl .num:after{content: "";position: absolute;height: 1px;background: #959595;width: 25px;left: 0;top:70px}
.procesUl li:hover .num{ background-color: #146fcc;color:#fff;}

.jonin-term{background: #f2f2f2;padding: 60px;}
.jonin-term .col-lg-3{padding-left: 0;padding-right: 0;}
.jonin-term .col-lg-3 img{width: 100%;}
.jonin-term .term-con{width: 100%;padding:25px 20px;height: 204px; color: #343434;background: #fff;}
.jonin-term .term-con h3{text-align: center;margin: 20px 0;}
.jonin-term .term-con p{text-align: left;line-height: 1.8;}
.triangle-down {width: 0;height: 0;border-top: 16px solid #fff;border-left: 14px solid transparent;border-right: 14px solid transparent;position: absolute;
  left: 45%;top: 48%;}
.triangle-up {width: 0;height: 0;border-bottom: 16px solid #fff;border-left: 14px solid transparent;border-right: 14px solid transparent;position: absolute;
  left: 45%;top: 48%;}
.jonin-term .col-lg-3:hover .term-con{background: #146fcc;color: #fff;}
.jonin-term .col-lg-3:hover .triangle-down{border-top: 16px solid #146fcc;}
.jonin-term .col-lg-3:hover .triangle-up{border-bottom: 16px solid #146fcc;}

.jonin-online{background: url(../images/join-bg.jpg)no-repeat;width: 100%;padding-top: 60px;padding-bottom: 100px;display: inline-block;}
.jonin-online .form-control2{border-radius: 50px;background: #fff;opacity: 0.85;margin-bottom: 30px;padding: 4px 26px;height: 42px;width: 90%;border: none;}
.jonin-online .form-control4{border-radius: 50px!important;background-color: #fff;opacity: 0.85;margin-bottom: 50px;padding: 4px 26px;height: 42px;width: 96%;border: none;}
.jonin-online select {border: solid 1px #bfbfbf;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px;
  background: url("../images/arrow.png") no-repeat scroll 94% center transparent;border-radius: 50px;}
.jonin-online .btn-default2{background:#293b3b;border: 2px solid #293b3b;border-radius: 50px;width: 30%;margin: 0 34%;padding: 6px 0;color: #fff;font-weight: bold;opacity: 0.8;font-size: 20px;}
.jonin-online .btn-default2:hover{border: 2px solid #293b3b;background-color: transparent;color:#fff; }

/*联系我们*/
.contact{width: 100%;background: #fff;float: left;margin-bottom: 30px}
.contact-ad img{width: 100%;}
.contact-con{width: 80%;margin: 0 auto;padding: 30px 0;}
.contact-con h3{color:#303030;padding-bottom: 30px;border-bottom: 1px solid #959595;width: 90%;margin-top: 40px;margin-bottom: 20px;}
.contact-list{margin:20px 0;float: left;color: #323232;line-height: 1.3;font-size: 16px;width: 100%;}
.contact-list p,.contact-list img{float: left;margin-right: 10px;}
.contact-code{padding-top: 30px;border-top: 1px solid #959595;width: 90%;float: left;margin-top: 10px;}
.contact-code h5{font-size: 16px;display: block;text-align: left;margin-bottom: 10px;}
.contact-code .follow{margin-right: 40px;float: left;width: 30%;}

/*内容页*/
.article-section{}
.metas-body{line-height: 36px;} 
.metas-body h1{margin-bottom:35px;font-size: 28px;text-align: center;margin-top: 30px;}
.article-text{font-size: 15px;line-height:2;color:#545353;}
.article-text img {max-width: 100%; height:auto}
/*鼠标滑过图片放大*/
.content-wrap img,.custom .col-lg-9 img,.cus-style .assort-img img{cursor: pointer;transition: all 0.8s;}

.content-wrap img:hover,.custom .col-lg-9 img:hover,.cus-style .assort-img img:hover{transform: scale(1.1);}
.container {padding-left: 0; }
.ggg{font-size:16px; color:#FFF; text-align:center}
.tabs-style-circlefill nav {
  width:50%;
}
.tabs-style-circlefill nav li.tab-current::before {
  width: 100%;
  background: #146fcc;
}
.tabs-style-circlefill nav ul li a {
  color: #fff;
  line-height: inherit;
  height: 36px;
  line-height: 36px;
}
.assort{display: inline-block;width: 100%;}

@media (min-width:1024px) and (max-width:1200px){
  .swiper-button-prev{left: 190px;}
  .swiper-button-next{right: 255px;}
  .button{bottom: -20px;}
  .leftNave,.fixedIndex,.fixedIndex li,.index-logo img {width: 80px;}
  .container,.index-case{padding-left: 80px;}
  .index-news .newscon {width: 100%;}
   h2:after{left: 47.5%;}
   .menu .huline{left: 22px;}
   .index-product .simg {height: 148px;}
   .index-product .bigimg {height: 308px;}
   .index-about h1:hover{left: 20px;}
   .menuContainer {width:80px;}
   .about-bgA h4{font-size: 13px;}
   .brand-list h2 {width: 32px;padding: 8px;}
   #history{width: 900px;height: 385px!important;overflow: hidden;}
   #content{width: 100%;background: url(../images/vertical.png) no-repeat 395px 17px;height: 385px!important;}
   .liright{width: 50%;}
   .point{left: 44%;}
   .lileft{left: 20%;width: 20%;}
   .advant-con{height: 415px;padding: 20px;}
   .sub-wtitle{margin-bottom: 20px;}
   #wrapper{width: 900px;margin: 0 auto;left: 0;height:350px; }
   #carousel{width: 100%;}
   #carousel li,#carousel li img{width: 240px;margin:0 20px;height: auto;}
   #carousel .prev,#carousel .next{top:140px;}
   #arrow ul .arrowdown{bottom: -358px;}
.custom .list-custom,.custom-sort{height: 280px;}
   .assort-img{height: 220px;}
   .cus-subnav ul{width: 70%;}

   .jonin-sup{padding-left: 80px;}
   figure.effect-sadie h2{font-size: 30px;}
   figure.effect-sadie h2 span{font-size: 17px;}
     .contact .col-md-12{padding-left: 0;padding-right: 0;}
   .contact-con h3{width:100%; }
.contact-list p{width: 80%;margin-right: 0;}
.contact-list {margin: 15px 0;}
.contact-code{width: 100%;padding-bottom: 40px;}
.contact-code .follow{width: 35%;margin-right: 10px;}
.contact-code .follow:nth-child(2){margin-right: 0;}
.contact-list{width: 50%;}
.contact-con{padding-left: 80px;}
}

@media (min-width:768px) and (max-width:1023px){
  .swiper-button-prev{left: 140px;}
  .swiper-button-next{right: 440px;}
  .button{bottom: -50px;}
  .leftNave,.fixedIndex,.fixedIndex li,.index-logo img{width: 70px;}
  .container,.index-case{padding-left: 15px;}
  .index-news .newscon {width: 100%;}
  .index-about .col-sm-3{padding-left: 10px;padding-right: 10px;}
  .index-about p {font-size: 16px;}
  .index-about h1:hover{left: 5.5px;}
  .index-but {width: 36%;}
  .index-more{height: 44px;line-height: 40px;}
   h2:after{left: 47.5%;}
  .index-joincon {width: 66%;margin-left: 4%;}
  .neslist-green h3,.neslist-gray h3 {height: 28px;overflow: hidden;}
  .neslist-green{height: 200px;}
  .neslist-sgray{height: 136px;padding: 36px 25px;}
  .neslist-swht,.neslist-sgray{padding: 25px;}
  .neslist-swht p ,.neslist-sgray p{height: 92px;}
  .index-news{padding: 60px 0;}
  .index-joincon a p{line-height: 1.5;}
  .footer{padding-top: 0;}
  .footer .container{display: none;}
  .footer .copyright{display: block;background: #000;margin-top:0;}
  .leftNave{background:transparent;}
  .fixedIndex{display: none;}
 
 .menuClose span:nth-child(3) {transform: rotate(-45deg) translate(0,0);}
 .menuClose span:nth-child(1) {transform: rotate(45deg) translate(0,0);}
 .menu span{width: 40px;margin:10px auto 6px auto;}
 .menuClose span {margin: 20px 0 3px 12px;}
 .menuContainerList{padding: 0; width:70px;background:#CCC}
 .menuContainerList li { line-height:38px; height:38px;}
.menuContainerList li a{ font-size:13px;}
 .menuContainer{width: 160px;}
 .menu{padding-top: 0;}
  .menu .huline{right: 15px;top: 15px;position: fixed;left: 90%;}
  .index-product .simg {height: 148px;}
   .index-product .bigimg {height: 308px;}
  .tabs-style-circlefill nav {width: 90%;}
  .menuContainer {}

  .about-bgA h4{font-size: 13px;}
  .about-brand .col-lg-3 img{height: 298px;}
   .brand-list h2 {width: 32px;padding: 8px;}
   .histt {overflow: hidden;}
   #history{width: 600px;height: 366px!important;overflow: hidden;}
   #content{width: 100%;background: url(../images/vertical.png) no-repeat 258px 13px;height: 366px!important;}
   .liright{width: 50%;}
   .point{left: 43.2%;}
   .lileft{left: 20%;width: 20%;}
   .advant-con{height:267px;padding: 20px;top: -110px;padding-top: 15px;}
   .advant-con p{font-size: 14px;line-height: 1.5;}
   .sub-wtitle{margin-bottom: 8px;}
   #wrapper{width: 680px;margin: 0 auto;left: 0;height:350px; }
   #carousel{width: 100%;}
   #carousel li,#carousel li img{width: 190px;margin:0 10px;height: auto;}
   #carousel .prev,#carousel .next{top:140px;}
   #arrow{left: 41%;}
   #arrow ul .arrowdown{bottom: -343px;}
   .hisct{height: 65px;overflow: hidden;}
   .custom .list-custom,.custom-sort{height: 230px;}
   .cus-subnav ul{width: 80%;}
   .cus-style .assort-img {height: auto;}
   .assort-list{padding: 10px 15px;height: 80px;}
   .news {padding: 40px 0;padding-bottom: 20px}
   .news-date {width: 76px;}
   .jonin-sup{padding-left: 0;}
   figure.effect-sadie h2{font-size: 30px;}
   figure.effect-sadie h2 span{font-size: 17px;}
   .jonin-term{padding: 60px 0;}

   .contact .col-sm-12{padding-left: 0;padding-right: 0;}
   .contact-con h3{width:100%; }
.contact-list p{width: 80%;margin-right: 0;}
.contact-list {margin: 15px 0;}
.contact-code{width: 100%;}
.contact-code .follow{width: 35%;margin-right: 10px;}
.contact-code .follow:nth-child(2){margin-right: 0;}
}

@media screen and (min-width:320px) and (max-width:767px){
	.banner{ display:none}
	.sjban{ display:block}
  .swiper-button-prev{left: -50px;}
  .swiper-button-next{right: -50px;}
  .button{bottom: -90px;}
  .leftNave,.fixedIndex,.fixedIndex li,.index-logo img{width: 60px;}
  .container,.index-case{padding-left: 15px;}
  .index-news .newscon {width: 100%;}
  .index-about{height: auto;}
  .index-about .col-sm-3{padding-left: 10px;padding-right: 10px;padding-top: 20px;padding-bottom: 0px;}
  .index-about p {font-size: 16px;}
  .index-but {width:70%;}
  .index-more{height: 44px;line-height: 40px;margin-top: 30px;}
   h2:after{left: 47.5%;}
  .index-joincon {width: 66%;margin-left: 4%;}
  .neslist-green h3,.neslist-gray h3 {height: 22px;overflow: hidden;}
  .neslist-green{height: 200px;}
  .neslist-sgray{height: 110px;padding: 36px 25px;}
  .neslist-swht{height: 110px;}
  .neslist-swht,.neslist-sgray{padding: 25px;}
  .neslist-swht p ,.neslist-sgray p{height: 72px;}
  .index-news{padding: 60px 0;}
  .index-joincon a p{line-height: 1.5;margin: 10px 0;}
  .footer{padding-top: 0;}
  .footer .container{display: none;}
  .footer .copyright{display: block;background: #000;margin-top:0;line-height: 18px;padding: 10px 0;}
  .menu{padding-top: 0;}
  .menu .huline{right: 15px;top: 15px;position: fixed;}
  .tabs-style-circlefill nav {width: 100%;}
  .leftNave{background:transparent;}
  .fixedIndex{display: none;}
 .menuClose span {margin: 0 0 3px -12px;}
 .menuClose span:nth-child(3) {transform: rotate(-45deg) translate(12.5px,0);}
 .menuClose span:nth-child(1) {transform: rotate(45deg) translate(12.5px,0);}
 .menu span{width: 28px;margin: 0 auto 6px auto;}
 .menuContainerList{padding: 40% 0 0 0;}
#aaa{display:none}
 .menuContainer{ width:160px; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background: url(../images/nav-bg.jpg) no-repeat;}
 .index-about h1{font-size: 35px;height: 60px;line-height: 60px;}
 .swiper-list,.swiper-list-go{display: none;}
 .tabs nav a span{font-size: 14px;}
 .index-product .col-lg-6 img{height: auto;}
 .index-product .bigimg,.index-product .simg{height: auto;margin-bottom: 20px;}
 .index-product .bigimg h3,.index-product .simg h3{height: 40px;line-height: 38px;font-size: 18px;display: block;}
.tabs-style-circlefill nav ul li{height: 32px;}
.tabs-style-circlefill .content-wrap {margin-top: 15px;}
.tabs{margin-top: 40px;}

.index-product,.index-case,.about-brand,.custom,.news{padding: 40px 0;}
.index-join{padding-top: 170px;height: 420px;}
.index-joincon{font-size: 15px;}
.swiper-container{width: 80%;margin:0 auto;}
.neslist-sgray .date, .neslist-swht .date{width: 70px;margin-right: 14px;}

 .about-bgA h4{display: none;}
 .about-bgA{height: 498px;}
 .about-bgA p{width: 80%; padding-left:30px; padding-top:20px;}
  .about-brand .col-lg-3 img{height: 298px;}
  .about-brand .col-xs-6{padding-left: 8px;padding-right: 8px;}
  .sub-title{margin-bottom: 20px;}
   .brand-list h2 {width: 28px;padding: 5px;}
   .brand-con{height: 130px;}
   .histt {overflow: hidden;}
   #history{width: 320px;height: 366px!important;margin-left: 20px;overflow: hidden;}
   #content{width: 100%;background: url(../images/vertical.png) no-repeat 119px 23px;height: 366px!important;margin-top: 24px;}
   .liright{width: 50%;}
   .point{left: 37.1%;}
   .lileft{left: 1%!important;width: 30%;}
   .advant-con{height:267px;padding: 20px;top: -60px;padding-top: 15px;}
   .advant-con p{font-size: 14px;line-height: 1.5;}
   .sub-wtitle{margin-bottom: 20px;}
   #wrapper{width: 320px;margin: 0 auto;left: 0;height:350px;    margin-left: 13px; }
   #carousel{width: 100%;}
   #carousel li,#carousel li img{width: 260px;margin:0 10px;height: auto;}
   #carousel .prev,#carousel .next{top:140px;}
   #arrow{left: 31%;    top: 23.4%;}
   #arrow ul .arrowdown{bottom: -307px;}
   .hisct{height: 63px;overflow: hidden;}
   .histt a {font-size: 18px;}
   .brand-advant img{display: none;}
   .honor{margin-top: 180px;}
   .course{padding-top: 40px;}
.custom .list-custom{height:auto;}
 .custom-sort,.custom .list-custom{height: 115px;background:none;}
 .custom h2{margin-top: 20px;display: table-cell;vertical-align:middle;height: 105px;}
 .custom .col-xs-3,.custom .col-xs-9{padding-left: 0;padding-right: 0;}
 .custom h3{display: none;}
.timber .col-lg-4{margin-bottom: 0;}
.cus-subnav ul{width: 100%;}
.cus-style h3{height: 50px;}
.cus-style h3:after{display: none;}
   .cus-style .assort-img {height:195px;}
   .assort-list{padding: 10px 15px;height: 80px;}
   .cus-subnav ul li a{width: 75px;}
   .subnav p{height: 50px;overflow: hidden;}
   .sub-btitle :after,.sub-title :after{left: 44%;}
   .cus-style{padding-bottom: 10px;}
  .news .col-xs-12{padding-left: 0;padding-right: 0;}
  .news-list h4{width: 100%;}
   .news{padding-bottom: 0;}
   .article-text img{width: 100%;}
[class^='imghvr-'] figcaption{padding: 15px;}
[class^='imghvr-'] p{font-size: 13px;line-height: 1.4;}
figure.effect-sadie p{top:50%;font-size: 14px;    height: 120px;overflow: hidden;}
.up-img{height:134px; }
.up-img img{margin-top: 18px;}
   .jonin-sup{padding-left: 0;}
   figure.effect-sadie h2{font-size:22px;}
   figure.effect-sadie h2 span{font-size: 13px;}
   figure.effect-sadie h1{font-size: 40px;}
   .about-bgA h1{font-size: 29px;}
 .about-bgA p{ margin-top:20px; height:350px; overflow:hidden}
 iframe{ width:100%; height:300px; padding-left:8px;}
 .ryzz2{ display:none}
 .ryzz1{ display:block !important}
 .ryzz1 .swiper-slide { width:50%; float:left;}
   .jonin-term{padding: 60px 0;}
   .jonin-term .term-con h3{margin: 10px 0;}
   .jonin-term .term-con{padding: 10px 20px;height: 190px;}
   .triangle-down,.triangle-up{display: none;}
   .jonin-online {padding-top: 40px;padding-bottom: 50px;}
   .jonin-online .col-xs-6{padding-left: 0;padding-right: 0;}
   .jonin-online .form-control4,.jonin-online .form-control2{margin-bottom: 20px;}
   .jonin-online .btn-default2{margin: 0 20%;width: 60%;}
   .jonin-pro{display: none;}
   .jonin-online .col-sm-12{float: left;width: 100%;}
   .index-about h1:hover{display: none;}
   #arrow ul li{background:url(../images/icons-s.png) no-repeat 0 0;}

.contact-con{width: 80%;}
.contact .col-sm-12{padding-left: 0;padding-right: 0;}
.contact-con h3{width:100%; }
.contact-list p{width:78%;margin-right: 0;}
.contact-list {margin: 15px 0;}
.contact-code{width: 100%;}
.contact-code .follow{width: 40%;margin-right: 10px;}
.contact-code .follow:nth-child(2){float: right;margin-right: 0;}
}


.case_bomm{width:100%;float:left; margin-bottom:5%;border-top:1px solid #efefef; padding-top:2%; overflow:hidden;}
.case_bomm p{ width:100%; float:left; overflow:hidden; display:block; line-height:27px;}
.case_bomm p span{float:left; display:block; color:#666; font-size:14px;}
.case_bomm p a{float:left; display:block; text-align:left;font-size:14px;color:#666;}
.case_bomm p a:hover{ color:#06aeea;}
.sns{ border-bottom:1px solid #efefef; margin-bottom:20px;}